$(function () {
    // $("#weather_table").bootstrapTable('showLoading')
    console.log("table init")

    $("#weather_table").bootstrapTable('destroy').bootstrapTable({
        // showRefresh: true,
        // search: true,
        clickToSelect: true,
        locale: 'zh-CN',
        columns: [
            {
                field: 'row',
                title: '#',
                formatter: function(value, row, index) {
                    return index + 1;
                },
                halign: 'center',
                align: 'center'
            }, {
                field: 'date',
                title: '日期',
                halign: 'center', //表头居中显示
                align: 'center',

                formatter: function(value, row, index) {
                    return value.slice(0, 4) + "年" + value.slice(4, 6) + "月" + value.slice(6, 8) + "日"
                },

            }, {
                field: 'max_temp',
                title: '最高气温',
                halign: 'center', //表头居中显示
                align: 'center',
                formatter: function(value, row, index) {
                    return value + '℃'
                }

            }, {
                field: 'min_temp',
                title: '最低气温',
                halign: 'center', //表头居中显示
                align: 'center',
                formatter: function(value, row, index) {
                    return value + '℃'
                }
            }, {
                field: 'rain_poss',
                title: '降水概率',
                halign: 'center', //表头居中显示
                align: 'center',
                formatter: function(value, row, index) {
                    return value + '%'
                }

            }
            // , {
            //         //   field: '',
            //     title: '更多',
            //     halign: 'center',
            //     align: 'center',
            //     width: '120px',
            //     formatter: function () {
            //         return '<button class="btn btn-success btn-sm" style="margin:5px">More</button>'
            //     }
            // }
        ],
        // data: getDataTest(),
        pagination: true, //设置为 true 会在表格底部显示分页条。
        // paginationLoop: false, //设置为 true 启用分页条无限循环的功能。
        pageSize: 10, //每页初始显示的条数
        pageList: [10],
        // data:
        //     [{
        //     date: '20210604',
        //     max_temp: 12,
        //     min_temp: 1,
        //     rain_poss: 12
        // },{
        //     date: '20210604',
        //     max_temp: 12,
        //     min_temp: 1,
        //     rain_poss: 12
        // }],

        // toolbar: '#mange_tool_bar', //工具栏
        // toolbarAlign: 'right', //工具栏的位置


        onPageChange: function () {
        },
        onClickRow: function (row, element) {
        },

    });
    getDataTest(returnCitySN["cname"].split("省")[1].replace("市", ""))

})

function getDataTest(area){
    $("#weather_table").bootstrapTable('showLoading')
    var res = []
    $.ajax({
        url: '/get_weather_by_area/'+area,
        asyn: false,
        success: function (data) {
            data = eval('(' + data + ')')

            Object.keys(data).forEach(key => {
                res.push(data[key])
            })

            $("#weather_table").bootstrapTable('load', res)
            $('#weather_table').bootstrapTable("hideLoading")
            // 加载图表
            loadAllChart()
            showSnack('error', 'success')
        },
        error: function () {
            console.log("fetching data from hive failed")
        }
    })
}